<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单综合案例</title>
</head>
<body>
<form action="ok.html" >
    <h1>用户注册信息</h1>
    用户名称：<input type="text" name="username"> <br>
    用户密码：<input type="password" name ="word"> <br>
    确认密码：<input type="password" name="word1"> <br>
    请选择你喜欢的运动：<br>
    <input type="checkbox" name="sport" value="lq">篮球
    <input type="checkbox" name="sport" value="zq">足球
    <input type="checkbox" name="sport" value="sq">手球
    <br>
    请选择你的性别：
    <br>
    <input type="radio" name="sex">男
    <input type="radio" name="sex">女
    <br>
    请选中你喜欢的城市：
    <select name ="like">
        <option >---请选择---</option>
        <option value="广东">广东</option>
        <option value="上海">上海</option>
        <option value="杭州">杭州</option>
        <option value="北京">北京</option>
        <option value="深圳">深圳</option>
    </select>
    <br>
    自我介绍：
    <textarea name="comment" rows="4" cols="25"></textarea>
    <br>
    选择你的文件:
    <input type="file" name="myfile">
    <input type="hidden">
    <br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>
</body>
</html>


<!--在写代码时，一定要使用 form 标签将 input 元素包裹起来-->
<!--一定一定要给input元素设置name属性， 否则，数据提交不到服务器-->
<!--注意：checkbox 是复选框，如果希望是同一组，保证name属性一致-->
<!--注意：在checkbox select radio 提交数据的时候是value属性的值-->